<template>
	<div id="loading_container">
		<div class="loading">
			<span class="loading-item"></span>
			<span class="loading-item"></span>
			<span class="loading-item"></span>
		</div>
	</div>
</template>
<script>
	export default{
		name:'loading'
	}
</script>
<style scoped lang='less'>
	#loading_container{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #F2F2F2;
		top: 0;
		left: 0;
		z-index: 100;
		.loading{
			display: flex;
			justify-content: space-around;
			width: 3rem;
			margin: 40% auto;
			.loading-item{
				width: .3rem;
				height: .3rem;
				background: #ffe857;
				display: inline-block;
				border-radius: 100%;
			}

		}
	}
</style>